<div data-role="page" data-add-back-btn="true">
	<!-- add the back action  -->
	<a href='#' data-rel="back"></a>
	<div data-role="header" data-position="fixed" data-theme="e">
		<h1>Area Statistic</h1>
	</div>
	
	<div data-role="content" data-theme="e" align="center">
<!-- 	<div id="mapContainer" class="custMainMap"></div> -->	

		<div data-role="fieldcontain" align="center" align="center">
            <label for="selectmenu1">
                <h5>City:</h5>
            </label>
            <select id="selectmenu1" name="" data-mini="true">
                <option value="1">
                    Beijing
                </option>
                <option value="va2">
                    Shanghai
                </option>
                <option value="3">
                    Guangzhou
                </option>
                <option value="4">
                    Shenzhen
                </option>
                <option value="5">
                    ...
                </option>
            </select>
        </div>
        
		<table >
			<tr>
				<td align="center">
					<img id="weather-img" src="../images/0.gif">					
				</td>
				<td><p id="weather-note">sunny</p></td>
				<td class="textRow"><h3 id="temperature">24~31 Celsius</h3></td>
			</tr>
		</table>
				
        <hr />
		<p><h5>2013-8-23   Daily Stats</h5></p>
		<table align="center">
			<tr align="center">
				<td class="textRow"><h3>Area</h3></td>
				<td class="textRow"><h3>Amount</h3></td>
			</tr>
			<tr align="center">
				<td class="textRow"><span>HuangpuArea</span></td>
				<td> 1234</td>
			</tr>
			<tr align="center">
				<td class="textRow"><span>XuhuiArea</span></td>
				<td> 2345</td>
			</tr>
			<tr align="center">
				<td class="textRow"><span>PutuoArea</span></td>
				<td> 3456</td>
			</tr>
			<tr align="center">
				<td class="textRow"><span>ChangningArea</span></td>
				<td> 4567</td>
			</tr>
			<tr align="center">
				<td class="textRow"><span>HongkouArea</span></td>
				<td> 5678</td>
			</tr>
			<tr align="center">
				<td class="textRow"><span>JinganArea</span></td>
				<td> 6789</td>
			</tr>
		</table>
		
		<hr />
		<canvas id="canvas_statistic" width="300" height="300">
	        Your web-browser does not support the HTML 5 canvas element.
		</canvas>
	</div>
	
	<script type="text/javascript" src="../js/awesomechart.js"></script>

	<script src="../js/driver-area-statistic.js"></script>
	
</div>